<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title> </title>
    <#assign base=request.contextPath  />
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="${base}/frame/layui/css/layui.css?t=1534970980648" media="all">
    <script src="${base}/frame/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="${base}/js/zhang.js"></script>
    <link rel="stylesheet" href="${base}/css/demo.css" type="text/css">
    <script src="${base}/js/jquery/jquery.min.js"></script>
    <style type="text/css">
        form {
            padding: 10px;
        }
        .layui-btn-radius {
            border-radius: 3px;
        }
    </style>
</head>
<body>
<form class="layui-form">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">令牌数量</label>
            <div class="layui-input-inline">
                <input name="token" id="token" lay-verify="required" autocomplete="off" class="layui-input" type="text">
            </div>
        </div>
    </div>

<#--<input id="aa" type="text" name="aa">-->


    <div class="layui-form-item" style="margin-left: 30px">
        <div class="layui-input-inline">
            <button class="layui-btn" lay-submit lay-filter="formDemo" lay-submit="" type="button"
                    onclick="onInsert()" style="background-color: #0092EF;">立即提交
            </button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
    </div>
</form>

<script>

    layui.use(['form', 'layedit', 'laydate', 'layer'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;
    });




    //添加
    var a = "";
    var b = "";
    function onInsert() {

        if($("#token").val()==""){
            layer.msg("Token个数不能为空")
            return;
        }

    <#--$.ajax({-->
    <#--type: "GET", //提交方式-->
    <#--contentType: "application/json;charset=UTF-8",-->
    <#--url: "${base}/user/selectUser",//路径-->
    <#--dataType: "json",-->
    <#--success: function (data) {//返回数据根据结果进行相应的处理-->
        <#--for (var i = 0; i < data.length; i++) {-->
            <#--a= data[i].token;-->
            <#--b = data[i].extractionCode;-->
        <#--}-->

    <#--}-->
    <#--});-->


        //令牌
        // for (var i = 0; i < $("#token").val(); i++) {
        //     var chars = [
        //         '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
        //         'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K',
        //         'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
        //         'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g',
        //         'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r',
        //         's', 't', 'u', 'v', 'w', 'x', 'y', 'z'
        //     ];
        //     function generateMixed(n) {
        //         var res = "";
        //         for(var i = 0; i < n ; i ++) {
        //             var id = Math.ceil(Math.random()*61);
        //             res += chars[id];
        //         }
        //         return res;
        //
        //     }
        //   var ll =  generateMixed(12);
        //
        //     //提取码
        //         var chars1 = [
        //             '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
        //             'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K',
        //             'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
        //             'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g',
        //             'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r',
        //             's', 't', 'u', 'v', 'w', 'x', 'y', 'z'
        //         ];
        //         function generateMixed1(n) {
        //             var res1 = "";
        //             for(var i = 0; i < n ; i ++) {
        //                 var id = Math.ceil(Math.random()*61);
        //                 res1 += chars1[id];
        //             }
        //             return res1;
        //
        //         }
        //         var ll1 =  generateMixed1(6);




            //判断是否有重复
            // if(a==ll && b==ll1 && a==b){
            //     layer.msg("有重复,请重新添加!")
            //     return;
            // }else{
                var jsonDate = {};
                // jsonDate.token = ll;
                // jsonDate.extractionCode = ll1;
                jsonDate.tokenNumber = $("#token").val();
                $.ajax({
                    type: "POST", //提交方式
                    contentType: "application/json;charset=UTF-8",
                    url: "${base}/user/saveUser",//路径
                    data: JSON.stringify(jsonDate),
                    success: function (data) {//返回数据根据结果进行相应的处理

                        if(data.code==0){
                            layer.msg("添加成功");
                            setTimeout(function () {
                                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                                parent.layer.close(index); //再执行关闭
                            }, 500)
                            var table = parent.layui.table;
                            //表刷新方法
                            table.reload('testReload', {
                                url: '${base}/user/selectMyPage'
                                , where: {} //设定异步数据接口的额外参数
                                //,height: 300
                            });
                        }else{
                            layer.msg(data.msg)
                        }
                    }

                });
            // }
        // }
    }
</script>
</body>
</html>
